<!DOCTYPE html>
<html class="x-admin-sm" xmlns:th="http://www.w3.org/1999/xhtml">
    
    <head>
        <meta charset="UTF-8">
        <title>欢迎页面-X-admin2.2</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="/back/css/font.css">
        <link rel="stylesheet" href="/back/css/xadmin.css">
        <script src="/back/lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="/back/js/xadmin.js"></script>
    </head>
    
    <body>
        <div class="x-nav">
            <span class="layui-breadcrumb">
                <a href="">首页</a>
                <a href="">演示</a>
                <a>
                    <cite>导航元素</cite></a>
            </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
                <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
            </a>
        </div>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">


                    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                        <ul class="layui-tab-title">
                            <li class="layui-this">待支付</li>
                            <li>待发货</li>
                            <li>已发货</li>

                        </ul>
                        <div class="layui-tab-content" style="height: 100px;">
                            <div class="layui-tab-item layui-show">
                                <div class="layui-card">
                                    <div class="layui-card-body ">
                                        <form class="layui-form layui-col-space5">
                                            <div class="layui-input-inline layui-show-xs-block">
                                                <input type="text" name="username" placeholder="请输入订单号" autocomplete="off" class="layui-input"></div>
                                            <div class="layui-input-inline layui-show-xs-block">
                                                <button class="layui-btn" lay-submit="" lay-filter="sreach">
                                                    <i class="layui-icon">&#xe615;</i></button>
                                            </div>
                                        </form>
                                    </div>
                                    <div class="layui-card-body ">
                                        <table class="layui-table layui-form">
                                            <thead>
                                            <tr>
                                                <th>客户订单编号</th>
                                                <th>业务日期</th>
                                                <th>客户订单金额</th>
                                                <th>用户昵称</th>
                                                <th>收货地址</th>
                                                <th>收件人</th>
                                                <th>联系电话</th>
                                                <th>状态</th>
                                                <th>操作</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr th:each="sales1 : ${salesList1}"
                                                th:object="${sales1}">
                                                <td th:text="*{salesId}"></td>
                                                <td th:text="*{#dates.format(businessDate,'yyyy-MM-dd')}"></td>
                                                <td th:text="*{salesAmount}"></td>
                                                <td th:text="*{UserInfoName}"></td>
                                                <td th:text="*{shippingAddressName}"></td>
                                                <td th:text="*{receiver}"></td>
                                                <td th:text="*{Phone}"></td>
                                                <td th:if="*{salesState}==1" class="td-status">待支付</td>
                                                <td th:if="*{salesState}==2" class="td-status">待发货</td>
                                                <td th:if="*{salesState}==3" class="td-status">已发货</td>
                                                <td class="td-manage">

                                                    <button type="button" th:if="*{salesState}==2" th:onclick="@{|xadmin.open('发货','/sales/editSales3?salesId=*{salesId}')|}" class="layui-btn">发　货</button>

                                                    <a th:onclick="@{|xadmin.open('查看明细','/sales/salesDetailsShow?salesId=*{salesId}')|}" class="layui-btn layui-btn-normal" href="javascript:;">查看明细
                                                    </a>

                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="layui-card-body ">
                                        <div class="page">
                                            <div>
                                                <a class="prev" href="">&lt;&lt;</a>
                                                <a class="num" href="">1</a>
                                                <span class="current">2</span>
                                                <a class="num" href="">3</a>
                                                <a class="num" href="">489</a>
                                                <a class="next" href="">&gt;&gt;</a></div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="layui-tab-item">
                                <div class="layui-tab-item layui-show">
                                    <div class="layui-card">
                                        <div class="layui-card-body ">
                                            <form class="layui-form layui-col-space5">
                                                <div class="layui-input-inline layui-show-xs-block">
                                                    <input type="text" name="username" placeholder="请输入订单号" autocomplete="off" class="layui-input"></div>
                                                <div class="layui-input-inline layui-show-xs-block">
                                                    <button class="layui-btn" lay-submit="" lay-filter="sreach">
                                                        <i class="layui-icon">&#xe615;</i></button>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="layui-card-body ">
                                            <table class="layui-table layui-form">
                                                <thead>
                                                <tr>
                                                    <th>客户订单编号</th>
                                                    <th>业务日期</th>
                                                    <th>客户订单金额</th>
                                                    <th>用户昵称</th>
                                                    <th>收货地址</th>
                                                    <th>收件人</th>
                                                    <th>联系电话</th>
                                                    <th>状态</th>
                                                    <th>操作</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr th:each="sales2 : ${salesList2}"
                                                    th:object="${sales2}">
                                                    <td th:text="*{salesId}"></td>
                                                    <td th:text="*{#dates.format(businessDate,'yyyy-MM-dd')}"></td>
                                                    <td th:text="*{salesAmount}"></td>
                                                    <td th:text="*{UserInfoName}"></td>
                                                    <td th:text="*{shippingAddressName}"></td>
                                                    <td th:text="*{receiver}"></td>
                                                    <td th:text="*{Phone}"></td>
                                                    <td th:if="*{salesState}==1" class="td-status">待支付</td>
                                                    <td th:if="*{salesState}==2" class="td-status">待发货</td>
                                                    <td th:if="*{salesState}==3" class="td-status">已发货</td>
                                                    <td class="td-manage">

                                                        <button type="button" th:if="*{salesState}==2" th:onclick="@{|xadmin.open('发货','/sales/editSales3?salesId=*{salesId}')|}" class="layui-btn">发　货</button>

                                                        <a th:onclick="@{|xadmin.open('查看明细','/sales/salesDetailsShow?salesId=*{salesId}')|}" class="layui-btn layui-btn-normal" href="javascript:;">查看明细
                                                        </a>

                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="layui-card-body ">
                                            <div class="page">
                                                <div>
                                                    <a class="prev" href="">&lt;&lt;</a>
                                                    <a class="num" href="">1</a>
                                                    <span class="current">2</span>
                                                    <a class="num" href="">3</a>
                                                    <a class="num" href="">489</a>
                                                    <a class="next" href="">&gt;&gt;</a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-tab-item">
                                <div class="layui-tab-item layui-show">
                                    <div class="layui-card">
                                        <div class="layui-card-body ">
                                            <form class="layui-form layui-col-space5">
                                                <div class="layui-input-inline layui-show-xs-block">
                                                    <input type="text" name="username" placeholder="请输入订单号" autocomplete="off" class="layui-input"></div>
                                                <div class="layui-input-inline layui-show-xs-block">
                                                    <button class="layui-btn" lay-submit="" lay-filter="sreach">
                                                        <i class="layui-icon">&#xe615;</i></button>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="layui-card-body ">
                                            <table class="layui-table layui-form">
                                                <thead>
                                                <tr>
                                                    <th>客户订单编号</th>
                                                    <th>业务日期</th>
                                                    <th>客户订单金额</th>
                                                    <th>用户昵称</th>
                                                    <th>收货地址</th>
                                                    <th>收件人</th>
                                                    <th>联系电话</th>
                                                    <th>状态</th>
                                                    <th>操作</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr th:each="sales3 : ${salesList3}"
                                                    th:object="${sales3}">
                                                    <td th:text="*{salesId}"></td>
                                                    <td th:text="*{#dates.format(businessDate,'yyyy-MM-dd')}"></td>
                                                    <td th:text="*{salesAmount}"></td>
                                                    <td th:text="*{UserInfoName}"></td>
                                                    <td th:text="*{shippingAddressName}"></td>
                                                    <td th:text="*{receiver}"></td>
                                                    <td th:text="*{Phone}"></td>
                                                    <td th:if="*{salesState}==1" class="td-status">待支付</td>
                                                    <td th:if="*{salesState}==2" class="td-status">待发货</td>
                                                    <td th:if="*{salesState}==3" class="td-status">已发货</td>
                                                    <td class="td-manage">

                                                        <button type="button" th:if="*{salesState}==2" th:onclick="@{|xadmin.open('发货','/sales/editSales3?salesId=*{salesId}')|}" class="layui-btn">发　货</button>

                                                        <a th:onclick="@{|xadmin.open('查看明细','/sales/salesDetailsShow?salesId=*{salesId}')|}" class="layui-btn layui-btn-normal" href="javascript:;">查看明细
                                                        </a>

                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="layui-card-body ">
                                            <div class="page">
                                                <div>
                                                    <a class="prev" href="">&lt;&lt;</a>
                                                    <a class="num" href="">1</a>
                                                    <span class="current">2</span>
                                                    <a class="num" href="">3</a>
                                                    <a class="num" href="">489</a>
                                                    <a class="next" href="">&gt;&gt;</a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script>
            layui.use(['laydate', 'form'],
                function() {
                    var laydate = layui.laydate;

                    //执行一个laydate实例
                    laydate.render({
                        elem: '#start' //指定元素
                    });

                    //执行一个laydate实例
                    laydate.render({
                        elem: '#end' //指定元素
                    });
                });
        </script>
    </body>

</html>